/* body{
渐变
  background: -webkit-radial-gradient(circle,#cedbe4, #77a6ee, #7b9dea); Safari 5.1 - 6.0
  background: -o-radial-gradient(circle,#cedbe4, #77a6ee, #7b9dea); Opera 11.6 - 12.0
  background: -moz-radial-gradient(circle,#cedbe4, #77a6ee, #7b9dea); Firefox 3.6 - 15
  background: radial-gradient(circle,#cedbe4, #77a6ee, #7b9dea); 标准的语法
} */
body {
	background: url("http://111.231.78.102:81/home.jpg");
	filter:
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-attachment: fixed;
}

.globe {
	position: absolute;
	left: 10%;
	top: 24%;
	animation: rotate 15s infinite linear;
}
.login-box{
	margin-top:2%;
	position: absolute;
	left: 25%;
animation: fade-in;/*动画名称*/
-webkit-animation-name: fade-in; /*动画名称*/
animation-duration: 3s;/*动画持续时间*/
-webkit-animation-duration: 3s; /*动画持续时间*/
webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}

.clearfix{
	margin: 10px 0px;
}
.alert-info{
	font-family:Microsoft YaHei;
	background-color: rgba(0,0,0,0)!important;
	font-size: 19px!important;
	color: black!important;
}
 
@keyframes rotate{
            0%{
                transform:rotate(0deg) skew(0deg) scale(1);
                -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(0deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(-360deg) skew(0deg) scale(1);
                -ms-transform:rotate(-360deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(-360deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(-360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(-360deg) skew(0deg) scale(1); 
            }
        }
        
@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    30% {opacity: 0;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    30% {opacity: 0;}
    100% {opacity: 1;}
}

@media (max-width: 998px){
   .globe {
	display: none;
	}
}